<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<h2>标准登录页面</h2>
<h3>表单登录</h3>
<form action="/authentication/form" method="post">
    <table>
        <tr>
            <td>用户名:</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>图形验证码:</td>
            <td>
                <input type="text" name="imageCode">
                <img src="/captcha/image">
            </td>
        </tr>
        <tr>
            <td colspan="2"><input type="checkbox" name="remember-me" value="true"/>记住我</td>
        </tr>
        <tr>
            <td colspan="2">
                <button type="submit">登录</button>
            </td>
        </tr>
    </table>
</form>

<h3>短信登录</h3>
<form action="/authentication/mobile" method="post">
    <table>
        <tr>
            <td>手机号:</td>
            <td><input type="text" name="mobile" value="15026929536"></td>
        </tr>
        <tr>
            <td>短信验证码:</td>
            <td>
                <input type="text" name="smsCode">
                <a href="/captcha/sms?mobile=13012345678">发送验证码</a>
            </td>
        </tr>
        <tr>
            <td colspan="2"><button type="submit">登录</button></td>
        </tr>
    </table>
</form>

<!--<h3>社交登录</h3>
&lt;!&ndash;不支持get请求  /auth/qq 默认是这个请求 /login/qq &ndash;&gt;
<form action="/auth/qq" method="post">
    <button type="submit">QQ登录</button>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/qqLogin/weixin">微信登录</a>
</form>-->

<h3>社交登录</h3>
<a href="/auth/qq">QQ登录</a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/auth/wechat">微信登录</a>

</body>
</html>
